<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>登录页</title>
	<link rel="stylesheet" href="static/css/bootstrap.css">
	<link rel="stylesheet" href="static/css/Reset.css">
	<link href="static/css/index_style.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="header">
	<!-- 背景动画 -->
	<canvas id="canvas"></canvas>
	<table></table>
	<div class="content">
		<div class=" middle-wrapper">
			<div class="middle-content">
				<!-- 左上 -->
				<div class="upper-left">
					<div class="row no-margin
">
						<div class="col-xs-12">
							<p>
								<img src="static/img/icon-1.png" alt="">
							</p>
							<p>成果跟踪</p>
							<p>Results tracking</p>
						</div>
					</div>
				</div>
				<!-- 左下 -->
				<div class="lower-left">
					<div class="row no-margin">
						<div class="col-xs-12">
							<p>
								<img src="static/img/icon-3.png" alt="">
							</p>
							<p>态势分析</p>
							<p>Situation analysis</p>
						</div>
					</div>
				</div>
				<!-- 右上 -->
				<div class="upper-right">
					<div class="row no-margin">
						<div class="col-xs-12">
							<p>
								<img src="static/img/icon-2.png" alt="">
							</p>
							<p>预警分析</p>
							<p>Warning analysis</p>
						</div>
					</div>
				</div>
				<!-- 右下 -->
				<div class="lower-right">
					<div class="row no-margin">
						<div class="col-xs-12">
							<p>
								<img src="static/img/icon-4.png" alt="">
							</p>
							<p>数据监控</p>
							<p>Data monitoring</p>
						</div>
					</div>
				</div>
				<!-- 中间圆环 -->
				<div class="ring">
					<div class="middle-font">
						<p>攻坚指挥平台</p>
						<p>平台入口</p>
					</div>
				</div>
				<!-- 球体动画 -->
				<div class="wrapper">
					<div class="x">
						<div class="x1"></div>
						<div class="x2"></div>
						<div class="xInner"></div>
						<div class="y"></div>
						<div class="y1"></div>
						<div class="y2"></div>
						<div class="yInner"></div>
						<div class="z"></div>
						<div class="z1"></div>
						<div class="z2"></div>
						<div class="zInner"></div>
					</div>
				</div>
			</div>
		</div>
	</div>

</div>





<script src="static/js/jquery-1.10.2.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/index.js"></script>



</body>
</html>